<!DOCTYPE HTML>
<html>
<head>
<title>Hist&ograve;ries de Barcelona</title>

<meta name="viewport" content="width=device-width, initial-scale=1"> 

<link rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.mobile.js"></script>
<script type="text/javascript" src="phonegap.js"></script>

<!--<script type="text/javascript" charset="utf-8" src="js/phonegap.js"></script>-->

</head>
<body>

	<div data-role="page" id="home"> 
	<div data-role="header">
	<img src="header.png">
	</div>
		<div data-role="navbar" data-iconpos="top">
			<ul>
				<li><a href="index.html" data-theme="d" class="ui-btn-active" data-icon="grid">Hist&ograve;ries</a></li>
				<li><a href="ranking.html" data-theme="d" data-icon="info">Ranking</a></li>
				<li><a href="mapa.html" data-theme="d" data-icon="map">Mapa</a></li>				
			</ul>
		</div>
		
		<div data-role="content">	
			<ul data-role="listview" data-filter="true" data-filter-placeholder="Buscar ruta..." data-filter-theme="d" data-inset="true" data-split-theme="a">
			<li data-role="list-divider"  data-filter-theme="d">B</li>
			  <li data-filter-theme="d"><a href="#"  data-filter-theme="d">Barcino</a></li>
			<li data-role="list-divider"  data-filter-theme="d">C</li>
			  <li data-filter-theme="d"><a href="#"  data-filter-theme="d">Canaletes</a></li>									
			<li data-role="list-divider"  data-filter-theme="d">E</li>
		      <li data-filter-theme="d"><a href="#">El poema de l'interminable passad&iacute;s de Passeig de Gr&agrave;cia</a></li>
			<li data-role="list-divider"  data-filter-theme="d">L</li>
			  <li><a href="ruta.html">La Mo&ntilde;os</a></li>
			<li data-role="list-divider"  data-filter-theme="d">R</li>
			  <li><a href="#">Ruta Rom&agrave;nica</a></li>
              <li><a href="#">Ruta rom&agrave;ntica</a></li>									
			</ul>
		</div> 
		
	   <div data-role="footer" class="ui-bar" data-type="horizontal">
	   
				<label for="select-choice-1">Tipus:</label>
				<select name="select-choice-1" id="select-choice-1" data-theme="b">
				    <option value="jovent">Adults</option>		
					<option value="familiar">Familiar</option>
					<option value="jovent">Jovent</option>			
				</select>
				
				<label for="select-choice-1">Durada:</label>
				<select name="select-choice-1" id="select-choice-1" data-theme="b">
				    <option value="curta">Curta</option>		
					<option value="mitja">Mitja</option>
					<option value="llarga">Llarga</option>			
				</select>
				
				<label for="select-choice-1">Districtes:</label>
				<select name="select-choice-1" id="select-choice-1" data-theme="b">
				    <option value="curta">Ciutat Vella</option>		
					<option value="mitja">El Ensanche</option>
					<option value="llarga">Sants-Montju&iuml;c</option>
					<option value="llarga">Les Corts</option>
					<option value="llarga">Sarri&agrave;-Sant Gervasi</option>
					<option value="llarga">Gracia</option>
					<option value="llarga">Horta-Guinard&oacute;</option>
					<option value="llarga">Nou Barris</option>					
					<option value="llarga">San Andr&eacute;s</option>
					<option value="llarga">Sant Mart&iacute;</option>																																
				</select>				
			</div>
	</div>		
	
</body>
</html>